<template>
  <div :class="styles['uid-search-bar']">
    <p :class="styles['search-tips']" v-if="props.tips">{{ props.tips }}</p>
    <slot/>
  </div>
</template>

<script setup name="UidSearchBar">
const props = defineProps({
  tips: {
    type: String,
    default: ''
  }
})
</script>

<style lang="less" src="./index.less" module="styles">
</style>
